import React, { Component } from "react";

import SearchArea from "./searchArea";
import AuthorsArea from "./authorsArea";

class Suser extends Component {
  state = {
    searchName: "",
  };
  setSearchName = (searchName) => {
    this.setState({ searchName });
  };
  render() {
    return (
      <div className="container" style={{ height: "100%" }}>
        <SearchArea setSearchName={this.setSearchName}></SearchArea>
        <AuthorsArea searchName={this.state.searchName}></AuthorsArea>
      </div>
    );
  }
}

export default Suser;
